<!-- <!DOCTYPE html>

<html>

<head>
  <title>Discover-Threejs</title>

  <meta name="viewpoint" content="width=device-width, initial-scale=1">
  <meta charset="UTF-8">

  <link rel="icon" , href="https://discoverthreejs.com/favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="/styles/main.css" type="text/css">
</head>

<body>
  <h1>Discover-Xiaomi-AI</h1>
  <script type="module" src="/src/main.ts"></script>
</body>

</html> -->

<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>小米官网</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      background-color: #f5f5f5;
      margin: 0;
      padding: 0;
    }

    .container {
      max-width: 960px;
      margin: 0 auto;
      padding: 30px;
      text-align: center;
    }

    .header {
      background-color: #333;
      color: white;
      padding: 20px;
    }

    .header h1 {
      margin: 0;
    }

    .menu {
      list-style-type: none;
      margin: 0;
      padding: 0;
    }

    .menu li {
      display: inline-block;
      margin: 0 10px;
    }

    .menu li a {
      color: black;
      text-decoration: none;
    }

    .hero {
      background-image: url('https://example.com/hero-image.jpg');
      background-size: cover;
      background-position: center;
      height: 300px;
      margin-bottom: 30px;
    }

    .content {
      font-size: 16px;
    }

    .footer {
      background-color: #333;
      color: white;
      padding: 20px;
      text-align: center;
    }

  </style>
</head>

<body>
  <div class="container">
    <div class="header">
      <h1>小米官网</h1>
    </div>
    <ul class="menu">
      <li><a href=" ">手机</a></li>
      <li><a href="#">电视</a></li>
      <li><a href="#">笔记本</a></li>
      <li><a href="#">家电</a></li>
      <li><a href="#">路由器</a></li>
      <li><a href="#">生态链</a></li>
    </ul>
    <div class="hero"></div>
    <div class="content">
      <h2>欢迎来到小米官网</h2>
      小米是一家以智能手机、智能硬件和 IoT 平台为核心的消费电子及智能制造公司。我们的理念是“让全球每个人都能享受科技带来的美好生活”。在这里，您可以了解到小米最新的产品信息和优惠活动。快来选择适合您的智能产品，开启智能生活吧！
    </div>
    <div class="footer">
      Copyright &copy; 小米公司 2023年.
      版权所有。备案号：京ICP备12345678号。地址：北京市海淀区xx路xx号。联系电话：400-888-8888。业务咨询：95188。客服邮箱：service@xiaomi.com。技术支持：support@xiaomi.com。法律声明：https://www.xiaomi.com/c/legal。隐私政策：https://www.xiaomi.com/c/privacy。社会责任：https://www.xiaomi.com/c/responsibility。诚信经营：https://www.xiaomi.com/c/integrity。可持续发展：https://www.xiaomi.com/c/sustainability。官方网站：[小米官网](https://www.xiaomi.com)。官方商城：[小米商城](https://www.mi.com)。社交媒体：[微博](https://weibo.com/xiaomicom)，[微信](https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MjM5MjAwODM4MQ==&scene=124#wechat_redirect)，[推特](https://twitter
    </div>
